@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
html{line-height:1}
ol,ul{list-style:none}
.clear{ clear:both;}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:none}
*{font-size:inherit;color:inherit;line-height:inherit}
body{-moz-user-select:none;font-family:"Microsoft Yahei", Tahoma, Arial, sans-serif;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#f7f7f7}
a{text-decoration: none;}
body{-webkit-overflow-scrolling: touch;}
html{box-sizing: border-box;}
body{background-color: #f5f5f5;font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;font-size: 14px;color: #333;}
img{max-width: 100%;}
a{text-decoration: none;color: #333;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{vertical-align: middle;}
.common{ min-width:320px; max-width:640px; margin:0 auto; }
input,select,button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sprite-base, .icon-arrow-downw17h10, .menu > li .icon-arrow, .icon-arrow-upw17h10, .menu > li.active .icon-arrow, .refresh, .icon-defaultcompany, .company-list li .img-wrap, .icon-diamond, .icon-heart,.header-nav, .header-nav-active,.icon-navf0, .icon-navf1, .icon-navf2, .icon-navf3, .icon-navf4, .icon-navf5, .icon-navf6, .icon-navf7,.icon-navf8, .icon-navn1, .icon-navn2, #dt-hd-nav.dt-hd-active .icon-dt-hd,.icon-dt-hd-white{background: url(/images/mobile/icon-se174a62dfa.png) no-repeat;background-size: 187.5px 1087px;display: inline-block;}
.clearfix{overflow: hidden;*zoom: 1;}
.text-over-hidden, .cur-location, .company-list li .company-info .credit, .company-list li .company-info .wom, .company-list li .company-info .production-count, .company-list li .company-info .distance{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bg-ed, .cur-location{background-color: #ededed;}
.c66, .cur-location{color: #666;}
.fs16, .company-list li .company-info h2{font-size: 16px;}
.c33, .company-list li .company-info h2{color: #333333;}
.left, .company-list li .img-wrap{float: left;}
.bottom{float: bottom;}
.right{float: right;}
.icon-arrow-downw17h10, .menu > li .icon-arrow{width: 9px;height: 5px;background-position: 0 -1017px;}
.icon-arrow-upw17h10, .menu > li.active .icon-arrow{width: 9px;height: 5px;background-position: 0 -1017px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.refresh{width: 13px;height: 15px;background-position: 0 -738.5px;}
.icon-defaultcompany, .company-list li .img-wrap{width: 60px;height: 60px;background-position: 0 -486.5px;}
.icon-diamond{width: 11px;height: 10px;background-position: 0 -599px;}
.icon-heart{width: 11px;height: 10px;background-position: 0 -670px;}
.icon-logo{width: 75px;height: 32px;background:url(/images/mobile/logo.png) no-repeat;background-size: 100%;}
.header-nav{width: 20px;height: 12px;background-position: 0 -1075px;}
.header-nav-active{width: 20px;height: 12px;background-position: 0 -1053px;}
.icon-navf0{width: 51px;height: 51px;background-position: -75px -365.5px;}
.icon-navf1{width: 50px;height: 51px;background-position: 0 -365.5px;}
.icon-navf2{width: 50px;height: 51px;background-position: 0 -285.5px;}
.icon-navf3{width: 50px;height: 51px;background-position: 0 -104px;}
.icon-navf4{width: 50px;height: 51px;background-position: 0 -225px;}
.icon-navf5{width: 50px;height: 51px;background-position: 0 -426px;}
.icon-navf6{width: 50px;height: 51px;background-position: 0 -43.5px;}
.icon-navf7{width: 50px;height: 51px;background-position: 0 -164.5px;}
.icon-navf8{width: 51px;height: 51px;background-position: -57px -224px;}
.icon-navn1, #dt-hd-nav .icon-dt-hd{width: 22px;height: 17px;background-position: 0 -689.5px;}
.icon-navn2, #dt-hd-nav.dt-hd-active .icon-dt-hd{width: 22px;height: 17px;background-position: 0 -618.5px;}
.icon-house{width: 16px;height: 13px;background-position: 0 -763px;}
.icon-money{width: 8px;height: 11px;background-position: 0 -975.5px;}
.icon-good{width: 14px;height: 13px;background-position: 0 -786px;}
.hide{display: none;}
/*头部开始*/
#dt-hd.navstyle2{background-color: #ffffff;border-bottom: 1px solid #ececec;line-height: 44px;height: 44px;padding:0 10px 0 100px;position: relative;}
#dt-hd.navstyle2 > h1{font-size: 16px;}
#dt-hd.navstyle2 .icon-logo{position: absolute;top: 6px;left: 10px;}
#dt-hd.navstyle2 a{font-size: 14px;color: #000;}
#dt-hd.navstyle3{background: #fff;border-bottom: 1px solid #ddd;line-height: 44px;height: 44px;font-size: 18px;padding:0;color: #000000;text-align: center;}
/*-------------by lshc add -------------------------*/
#dt-hd.navstyle4{background-color: #333;border-bottom: 1px solid #ececec;line-height: 44px;height: 44px;font-size: 18px;padding:0;color: #000000;text-align: center;position:relative;z-index:10;}
#dt-hd.navstyle4 > h1{font-size: 16px;color:#fff;}
.icon-dt-hd-white{width: 22px;height: 17px;background-position:-36px -689.5px;}
.icon-dt-hd-white ~span{color:#fff;}
#dt-hd .icon-back-white{width: 14px;height: 14px;border-top: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);display: block;}
/*-------------by lshc add --end-----------------------*/
#dt-hd .icon-back{width: 14px;height: 14px;border-top: 2px solid #7c7c7c;border-left: 2px solid #7c7c7c;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);display: block;}
#dt-hd .dt-hd-back-link{position: absolute;left: 0px;top: 0px;padding: 15px;}
#dt-hd-nav{position: absolute;right: 0;top: 0;font-size: 0;z-index: 40; width: 44px; height: 44px; background:url(/images/mobile/icon_nav.png) no-repeat 5px 5px; cursor: pointer;}
#dt-hd-nav i, #dt-hd-nav span{display: block;}
#dt-hd-nav .icon-dt-hd{display: block;}
#dt-hd-nav span{margin-top: 3px;line-height: 1;font-size: 11px;display: block;position: relative;left: -2px;-webkit-transform: scale(0.91667);-moz-transform: scale(0.91667);-ms-transform: scale(0.91667);-o-transform: scale(0.91667);transform: scale(0.91667);}
#dt-hd-nav.dt-hd-active{color: #f36f21;}
#dt-hd-nav.dt-hd-active .icon-dt-hd{display: block;}
#dt-hd-navs-wrap{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.95);z-index: 30;}
#dt-hd-navs-wrap .dt-hd-navs{overflow: hidden;*zoom: 1;position: absolute;top: 50%;width: 100%;margin-top: -131.5px;}
#dt-hd-navs-wrap .dt-hd-navs li{text-align: center;width: 33.33333%;box-sizing: border-box;float: left;}
#dt-hd-navs-wrap .dt-hd-navs li i{margin: 0 auto;display: block;}
#dt-hd-navs-wrap .dt-hd-navs li p{margin: 14px 0 20px 0;line-height: 1;font-size: 12px;color: #000;}
@-webkit-keyframes menuin{0%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}}
@-moz-keyframes menuin{0%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}}
@-o-keyframes menuin{0%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}}
@-ms-keyframes menuin{0%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}}
@keyframes menuin{0%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}}
@-webkit-keyframes menuout{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
100%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}}
@-moz-keyframes menuout{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
100%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}}
@-o-keyframes menuout{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
100%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}}
@-ms-keyframes menuout{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
100%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}}
@keyframes menuout{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
100%{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);opacity: 0;}}
.menuin{display: block;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-duration: 300ms;animation-duration: 300ms;-webkit-animation-name: menuin;animation-name: menuin;-webkit-transform-origin: 50% 50%;}
.menuout{display: block;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-duration: 300ms;animation-duration: 300ms;-webkit-animation-name: menuout;animation-name: menuout;-webkit-transform-origin: 50% 50%;}
#dt-hd .nav-search-wraper{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #f7f7f7;z-index: 40;}
#dt-hd .nav-search-hd{line-height: 46px;height: 46px;border-bottom: 2px solid #ececec;padding: 7px 10px;background-color: #f9f8f8;position: relative;box-sizing: border-box;}
#dt-hd .nav-search-condition, #dt-hd .nav-search-cancel{height: 32px;line-height: 32px;background-color: #fff;box-sizing: border-box;display: inline-block;margin: 0;padding: 0;border: 1px solid #ccc;}
#dt-hd .nav-search-condition{width: 81%;float: left;position: relative;}
#dt-hd .nav-search-cancel{float: left;margin-left: 3%;width: 16%;text-align: center;}
#dt-hd .nav-search-clear{position: absolute;right: 0;top: 0px;padding: 7px 10px;display: none;}
#dt-hd .nav-search-clear span{color: #fff;background-color: #ccc;display: block;width: 16px;height: 16px;border-radius: 8px;font-size: 15px;line-height: 18px;text-align: center;}
#dt-hd .nav-search-type, #dt-hd .nav-search-key, #dt-hd .nav-search-cancel{font-size: 14px;color: #000000;}
#dt-hd .nav-search-type{display: inline-block;width: 33.33333%;border-right: 1px solid #ccc;text-align: center;height: 100%;vertical-align: top;float: left;box-sizing: border-box;}
#dt-hd .nav-search-form{width: 66.66667%;height: 100%;float: left;}
#dt-hd .nav-search-key{width: 100%;box-sizing: border-box;border: 0;float: left;height: 16px;line-height: 16px;margin: 7px 0;padding: 0 34px 0 10px;outline: 0;-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button{display: none;}
input[type="search"]::-ms-clear{display: none;}
#dt-hd .icon-triangle{position: relative;display: inline-block;width: 0;height: 0;border-top: 5px solid #666;border-left: 5px solid transparent;border-right: 5px solid transparent;top: -2px;}
#dt-hd .nav-search-types{display: none;position: relative;border: 1px solid #ccc;width: 100%;top: -1px;left: -1px;border-top: 0;background-color: #fff;box-sizing: content-box;}
#dt-hd .nav-search-types li{height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000000;}
#dt-hd .zxask-icon{height: .5em;width: 1em;position: relative;overflow: hidden;display: inline-block;}
#dt-hd .zxask-icon-down{width: 5px;height: 5px;display: block;border: solid #333;border-width: 1px 1px 0 0;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-left: 5px;}
#dt-hd .zxask-icon-up{width: 5px;height: 5px;display: block;border: solid #333;border-width: 0 0 1px 1px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-left: 5px;margin-top: 2px;}
#dt-hd .zxask-main-nav{position: absolute;width: 145px;top: 45px;left: 50%;margin-left: -72.5px;text-align: center;background-color: #fff;z-index: 10;display: none;}
#dt-hd .zxask-main-nav li{height: 40px;line-height: 40px;border-top: 1px solid #ececec;}
#dt-hd .zxask-mask{position: fixed;top: 46px;bottom: 0;left: 0;right: 0;z-index: 5;background: rgba(0,0,0,0.5);display: none;}
#dt-hd-search{ float:right; font-size: 0;color: #000;z-index:10; width:40px; height:44px; background: url(/images/mobile/icon_search.png) no-repeat 5px 4px; cursor: pointer; position: absolute; right: 44px; top: 0;}
#dt-hd-search-box{display:none;border-bottom:1px solid #e6eaed;padding: 12px 0.5em;-moz-box-shadow:0 0 1px #ccc;box-shadow: 0 0 1px #CCC;height: 34px;background: #fff;}
.input-group{position: relative;display: table;border-collapse: separate;width:100%;}
.form-control{position:absolute;left:0px;display: block;width: 100%;height: 35px;padding: 0px 10px;font-size: 14px;line-height: 34px;color: #555;vertical-align: middle;background-color: #FFF;background-image: none;border: 1px solid #CCC;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-sizing: border-box;}
.btn-primary,.input-group .form-control{display: table-cell;}
.btn-primary{white-space: nowrap;position:absolute;right:0px;display: inline-block;padding: 6px 10px;margin: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid rgba(0, 0, 0, 0);border-radius:0px 4px 4px 0px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;color: #fff;background-color: #2b9000;border-color: #2b9000;}
.input-group-btn:last-child>.btn-primary{margin-left: -1px;}
/*头部结束*//*其他共用样式*/
.header_sapn_arr{font-family:arial;-webkit-transform:rotate(45deg);display:inline-block;border:solid #676767 1px;width:5px;height:5px;border-top:none;border-left:none;vertical-align:3px;margin-left:5px;}
/*其他共用样式结束*/

/*底部*/
.mfoot{padding: 20px 0 20px 0;text-align: center;}
.mfoot .mfoot-nav li{display: inline;}
.mfoot .mfoot-nav li a{font-size: 14px;color: black;display: inline-block;padding: 0 12px;border-radius: 7px;line-height: 100%;}
.mfoot .mfoot-nav li a.active{color: #2b9000;}
.mfoot .i-sep{border-left: 1px solid #c4c4c4;margin: 0 8px;display: inline-block;width: 1px;height: 14px;position: relative;bottom: -1px;}
.mfoot .mfoot-info{font-size: 12px;color: #999999;margin-top:15px;}

a.zxd-apply{position: fixed;bottom: 0;border-top: 1px solid #999;font-size: 17px;text-align: center;width: 100%;height: 44px;line-height: 44px;color: #ea4504;background-color: rgba(255,255,255,0.9);z-index: 1000;display: none;}
.zxd-apply-icon{display: inline-block;width: 19px;height: 19px;vertical-align: -2px;margin-right: 10px;background: url(/images/mobile/zxd-apply-icon.png) no-repeat;background-size: 19px 19px;}


/*APP 下载*/
.down-banner{ bottom: 0;position: fixed; width: 100%;  z-index: 99999999999999;}
.down-bannerBar a{ display:block;}
.down-bannerBar{position:relative;max-width:640px; min-width:320px; margin:0 auto; }
.down-banner-colse{ position:absolute; top:10px; right:10px; width:5%; cursor:pointer;}
.downMain{max-width:640px; min-width:320px; margin:0 auto;text-align:center;}
.downBox img,.down_ul li img,.down-tit img{ width:100%;}
.down_ul{ width:100%; overflow:hidden; list-style:none; background:#fff; padding:0px 0px 30px 0px;}
.down_ul li{ float:left; width:50%; overflow:hidden;}
.down_btn{ width:100%; background:#fff; padding:30px 0px; }
.down_btn img{ width:90%;}
.down-tit{ background:#fff;}


/*浮动导航开始*/
.fix-nav{display:none;position: fixed;right: 3.125%;bottom: 12px;}
.fix-nav > div{background-color: rgba(148, 149, 148, 0.8);width: 50px;height: 50px;margin-bottom: 10px;text-align: center;border-radius: 7px; cursor:pointer;}
.fix-nav > div:active{background-color: black;}
.fix-nav img{margin-top: 8px;}
.fix-nav p{color: #fff;font-weight: bold;font-size: 12px;}
.fix-nav .i-totop{width: 33px;height: 20px;margin-bottom: 2px;}
.fix-nav .i-feedback{width: 35px;height: 22.5px;}
.fix-nav > div:last-child{margin-bottom: 0;}

.noData{ font-size:16px; padding:50px 0px; text-align:center; line-height:24px;}
.noData span{ color:#FB5889;}
p.result{ line-height:30px; padding:5px 10px 0px;}

/**弹窗**/
.free_order{ display:block;position:fixed;bottom:0;left:0;z-index:999;background-color:rgba(0,0,0,0.8);width:100%;height:43px;line-height:43px;border-top:1px solid #ccc;color:#666;}
.free_order a{cursor:pointer;}
.free_order .fl{float:left;}
.free_order .fr{float:right;}
.free_order .close{background:url(/images/wap/icon_close.png) no-repeat;width:19px;height:19px;display:inline-block;margin:13px 8px 0 8px;}
.free_order .price{font-size:12px;color:#fb5889;font-weight:bold;}
.free_order .price .b{font-size:15px;color:#fb5889;}
.free_order .des{color:#666;font-weight:bold;}
.free_order .btn_free{background:#fb5889;color:#fff;height:43px;font-size:12px;font-weight:bold;padding:0 8px;}
/*预约弹窗*/
.facebox_free{position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);width:100%;height:100%;z-index:9999;}
.facebox_free a{cursor:pointer;}
.facebox_free .f_con{width:87.8%;margin:0 6.3%;background:#fff;border-radius:10px;position:relative;top:200px;padding-bottom:21px;}
.facebox_free .f_tit{height:53px;line-height:53px;color:#fb5889;font-size:15px;font-weight:bold;margin:0 15px;}
.facebox_free .f_con .close{background:url(/images/wap/icon_btn_close.png) no-repeat;position:absolute;right:15px;top:14px;display:block;width:25px;height:25px;}
.facebox_free .f_det input{border:1px solid #ddd;background:#fff;height:40px;line-height:40px;padding:0 5px;margin:10px 15px 0 13px;}
.facebox_free .m{position:absolute;top:183px;right:20px;color:#999;}
.facebox_free .want{display:block;background:#fb5889;height:40px;line-height:40px;color:#fff;font-size:15px;text-align:center;border-radius:4px;margin:10px 13px 0 13px;}

.facebox_free .remind_w{margin:0 15px;line-height:1.5;}




/**2017头部**/
.mod-header{ position: relative; width:100%;height: 55px;border-bottom:1px solid #ececec;background: #fff;line-height: 19px;font-size:14px;z-index: 99999;}
.mod-header .logo{position:absolute;width: 65px;top: 13px;left: 10px;z-index: 1;}
.mod-header .logo img{ width:100%;}
.mod-header .location{position:absolute;right: 5px;top: 21px;padding: 3px 18px 3px 6px;display:block;font-size: 12px;background: #ddd url(/images/wap/zt/zhaobiao/down-arrow.png) 33px center no-repeat;background-size: 24px;z-index: 2;}
.mod-header .name{position:absolute;left: 88px;border-left: 1px solid #d6d6d6;top: 9px;padding-left: 10px;white-space: nowrap;}
.mod-header h2{font-size: 16px;font-weight: bold;}

@media screen and (min-width:400px){
    .mod-header .logo{left: 15px;}
    .mod-header .location{right: 15px;}
    .mod-header .name{left: 95px;padding-left: 15px;}
}

.mod-www{position: fixed;top: 56px;left: 0;right: 0;width: 100%;bottom: 0;overflow: auto;}